/**
 * Owner: www.asos.com
 * Theme: creative-generic.css
 * Description: Sets font face for the creative pages
 * Author: ASOS Creative coding team
 * Media: Screen
 */

.futura-standard, p.futura-standard, h1.futura-standard, h2.futura-standard, h3.futura-standard, h4.futura-standard, .creative .futura-standard {font-family:'FuturaStd'; font-weight:normal; font-style:normal;}
.futura-oblique, p.futura-oblique, h1.futura-oblique, h2.futura-oblique, h3.futura-oblique, h4.futura-oblique, .creative .futura-oblique {font-family:'FuturaStdBookOblique'; font-weight:normal; font-style:italic;}

/********************************/

/* GLOBAL BANNER */
.content-panel {clear:both;} /* ensures content displays below the global banner */
#globalBanner {width:974px; border:none; overflow:hidden; height:42px; }
#globalBanner { margin-bottom:3px;}
#globalBanner .men-link, #globalBanner .women-link {position:absolute; top:0;}
#globalBanner .women-link {left:473px;}
#globalBanner .men-link {left:548px;}
#globalBanner a {float:left;}

/********************************/

/* NEWSLETTER */
.site-content .newsletter a{font-weight:inherit;}

/********************************/

/* BRAND LOGOS */
#category-banner {width:768px; background:url('../../brandlogos/banner-assets/banner-bg-bottom.png') no-repeat 0 bottom; padding:0 0 14px 0; text-align:center;}
#category-banner .banner-header {background:url('../../brandlogos/banner-assets/banner-bg-top.png') no-repeat 0 top;}
#category-banner .logo {padding:14px 25px 20px 25px; border-bottom:1px dotted #b5b5b5;}
#category-banner p {padding:0 100px; margin:14px 0; font:11px Georgia, "Times New Roman", Times, serif; line-height:14px;}
#category-banner p a {color:#000; text-decoration:underline;}
#category-banner p a:hover {text-decoration:none;}
#category-banner p strong {font-weight:bold;}
#category-banner p em {font-style:italic;}

/********************************/

/* FB BUTTON FIX */
.creative-panel #socialSharing #fb_xdm_frame_http,
.creative-panel #socialSharing #fb_xdm_frame_https { border:none; width:0; height:0;}

/********************************/

/* TEST PAGE FIX FOR TOOLTIP */
.creative-panel #globalBanner, .creative-panel #globalBanner-fc, .creative-panel #globalBanner-extra, .creative-panel #globalBanner-extra2 { height: 300px; }

/********************************/

/* GLOBAL BANNER - 3 BOX */
ul#globalBanner { overflow:visible;}
ul#globalBanner li { height:37px; cursor:default; width:305px; position:relative; margin-left:7px; margin-top:5px; display:inline-block; zoom:1; *dispay:inline; overflow:visible; float:left; text-align:center; background:#bcbcbc; }
ul#globalBanner li.box01 { margin-left:4px; }
ul#globalBanner li.box02 { width:346px; }
ul#globalBanner li.box02 .link,
ul#globalBanner li.box02 .no-link { width:345px; }
ul#globalBanner li a,
ul#globalBanner li a:hover { color:#000; text-decoration: none;}

ul#globalBanner li .link,
ul#globalBanner li .no-link { text-align:center; position:absolute; top:-3px; left:-4px; height:25px; width:304px; display:block; float:none; border:1px solid #b2b2b2; background:#fff; font-size:10px; font-family:Tahoma, Arial, Sans-serif; color:#020202; text-decoration:none; padding-top:10px; text-transform:uppercase; letter-spacing:1px; line-height: 13px; }
ul#globalBanner li .double { padding-top:4px; height:31px; }
ul#globalBanner li .in-link { display:inline; float:none; margin-left:5px; }
ul#globalBanner li .two-links { color:#000;text-align:center; position:absolute; top:-3px; left:-4px; 
                                height:25px; width:345px; display:block; float:none; 
                                border:1px solid #b2b2b2; font-size:10px; 
                                font-family:Tahoma, Arial, Sans-serif; 
                                color:#020202; text-decoration:none; 
                                padding:4px 0 6px 0; text-transform:uppercase; 
                                letter-spacing:1px; line-height: 13px; }


ul#globalBanner li .two-links a {font-family:Tahoma,Arial,Sans-serif;text-transform:uppercase;display:block;float:none;}
ul#globalBanner li .two-links span a {display:inline;}
ul#globalBanner li .link .txt-top { text-transform:none; font-size:11px;} /* text over two lines */
ul#globalBanner li .link .txt-bottom { color:#666; font-size:8px;}
ul#globalBanner li .no-link .txt-bottom { color:#666; font-size:8px; letter-spacing:1px;}
ul#globalBanner li .link .txt-bottom .code,
ul#globalBanner li .no-link .txt-bottom .code { color: #000;}
/* ul#globalBanner li .link .txt-bottom .blue { color:#eb2e28; font-size:inherit;} */
ul#globalBanner li .no-link .txt-bottom.white { color:#fff;}
ul#globalBanner li .link.sns, ul#globalBanner li .no-link.sns { background-color:#d1d3eb; } 
ul#globalBanner li .link.au-stu, ul#globalBanner li .no-link.au-stu { background-color:#fe8012; } 
ul#globalBanner li .link.ru-promo, ul#globalBanner li .no-link.ru-promo { background-color:#3999cc; color: #fff;} 
ul#globalBanner li .lwrcase { text-transform:none; } 

ul#globalBanner li.half { width:481px; } /* 1/2 the width */
ul#globalBanner li.half .link,
ul#globalBanner li.half .no-link{ width:480px; }
ul#globalBanner li.wide { width:643px; } /* 2/3 the width */
ul#globalBanner li.wide .link{ width:642px; }
ul#globalBanner .highlight {color:#f40000;}

/*Sale */
ul#globalBanner li.gb-sale { background-color:#bcbcbc; } 
ul#globalBanner li.gb-sale .no-link { background:#f40000; border-color:#f40000; color: #fff; }
ul#globalBanner li.gb-sale .no-link a { color: #fff; }
ul#globalBanner li.gb-sale .two-links { background:#f40000; color:#fff; } 
ul#globalBanner li.gb-sale .two-links a { color:#fff; }
ul#globalBanner li.gb-sale-alt .link,
ul#globalBanner li.gb-sale-alt .no-link {background:#cff8f9; border-color:#bcbcbc; color:#000;}
ul#globalBanner li.gb-sale-alt .no-link a { color: #000; }
ul#globalBanner li.gb-sale-alt .two-links { background:#cff8f9; color:#000; } 
ul#globalBanner li.gb-sale-alt .two-links a { color:#000; }


/* tooltip */
.no-rgba ul#globalBanner li div.tooltip:before { border-color: transparent transparent #F2F2F2;}

ul#globalBanner li div.tooltip:before { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #F2F2F2; border-style: solid; border-width: 5px; content: " "; height: 0; left: 165px; position: absolute; top: -10px; width: 0; }
ul#globalBanner li div.tooltip { background: none repeat scroll 0 0 #F2F2F2; box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.2); color: #242424; display: block; font-family: Tahoma,Sans-Serif; font-size: 0.85em; text-transform: none; opacity: 0; padding: 10px; pointer-events: none; position: absolute; top: 34px; transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; z-index: 12; left: 0; width:92%;}
ul#globalBanner li.is-hover:hover div.tooltip { opacity: 1; pointer-events: auto; transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); }

/* IT tooltip font-size fix */
ul#globalBanner li div.tooltip { font-size: 1em; top:32px;}
ul#globalBanner li div.tooltip a { text-decoration: underline; float: none; }

/* ie7 & ie8 tweeks */
.ie7 ul#globalBanner { position: relative; z-index: 10; }
.ie7 ul#globalBanner li.half,
.ie8 ul#globalBanner li.half { width:481px;}

.ie7 ul#globalBanner li.half .link,
.ie8 ul#globalBanner li.half .link { width:480px;}

/*.ie7 ul#globalBanner li .in-link:hover, 
.ie7 ul#globalBanner li .in-link:visited,
.ie7 ul#globalBanner li .in-link:active, 
.ie7 ul#globalBanner li .in-link:link  { background:#f40000!important; }*/

.ie7 ul#globalBanner li.premier .in-link:hover, 
.ie7 ul#globalBanner li.premier .in-link:visited,
.ie7 ul#globalBanner li.premier .in-link:active, 
.ie7 ul#globalBanner li.premier .in-link:link  { background:#000!important; }

.lt-ie9 ul#globalBanner li div.tooltip {display: none;}
.lt-ie9 ul#globalBanner li:hover div.tooltip { display: block;}

.ie7 nav#group-navigation ul li div.tooltip,
.ie8 nav#group-navigation ul li div.tooltip {
    Filter: progid:DXImageTransform.Microsoft.Shadow(color='#707070',direction='135',strength='2')
}


/********************************/

/* GLOBAL BANNER SALE EXTRA 15 */
.creative .clearfix:before, .clearfix:after {content:""; display:table;}
.creative .clearfix:after {clear:both;}
.creative .clearfix {zoom:1;}
ul#globalBanner-extra {position:relative; overflow:visible; margin:0; padding:0; width:974px; height:70px; color:#fff; font-family: Arial,Tahoma,Sans-serif; font-weight:normal; margin-bottom:3px;}
ul#globalBanner-extra .content-box {position:relative; float:left; overflow:visible; text-transform:uppercase; text-align:center;}
ul#globalBanner-extra .content-box p {margin:0; padding:0;}
ul#globalBanner-extra .content-box a.full-link,
ul#globalBanner-extra .content-box span.no-link  {position:absolute; display:block; left:0; top:0; width:100%; height:100%; text-decoration:none; overflow:hidden;}

ul#globalBanner-extra .left-box {width:655px; height:70px; background:#fbc932; margin-right:10px; font-size:16px; line-height:16px;}


ul#globalBanner-extra .left-box .copy, ul#globalBanner-extra .left-box .sub-copy {padding:0 110px 0 136px; margin-top:0px; color:#000; font-size:16px;}
ul#globalBanner-extra.us .left-box .copy, ul#globalBanner-extra.us .left-box .sub-copy  {padding:0 110px 0 136px;}
ul#globalBanner-extra.fr .left-box .copy, ul#globalBanner-extra.fr .left-box .sub-copy {padding:0 132px 0 135px;}
ul#globalBanner-extra.de .left-box .copy, ul#globalBanner-extra.de .left-box .sub-copy {padding:0 144px 0 134px;}
ul#globalBanner-extra.it .left-box .copy, ul#globalBanner-extra.it .left-box .sub-copy {padding:0 123px 0 133px;}
ul#globalBanner-extra.es .left-box .copy, ul#globalBanner-extra.es .left-box .sub-copy {padding:0 147px 0 132px;}
ul#globalBanner-extra.ru .left-box .copy, ul#globalBanner-extra.ru .left-box .sub-copy {padding:0 155px 0 155px;}

ul#globalBanner-extra .left-box .sub-copy {margin-top:6px; padding:0 50px 0 80px; color:#000; font-size:16px;}
ul#globalBanner-extra .left-box .sub-copy span.code {text-decoration:underline; font-weight:bold;}


ul#globalBanner-extra .left-box a.main-link { text-decoration:none; text-transform:uppercase; position:absolute; padding:7px; border:3px solid #000; color:#000; font-size:16px; font-weight:bold;}
ul#globalBanner-extra .left-box a.main-link:hover {text-decoration:none;}

ul#globalBanner-extra .left-box a.women {left:40px; top:15px;}
ul#globalBanner-extra .left-box a.men {right:40px; top:15px;}

ul#globalBanner-extra .right-box {width:303px; height:64px; background:#fff; border:solid 3px #fbc932; font-size:13px; line-height:17px;}


ul#globalBanner-extra .right-box .full-link .copy,
ul#globalBanner-extra .right-box .no-link .copy {display:block; margin-top:25px; color:#000;}

ul#globalBanner-extra .highlight {color:#f40000;}
ul#globalBanner-extra .arrow {font-size:22px;}
ul#globalBanner-extra .flourish {position: absolute; width: 17px; height: 70px; background: url(http://images.asos.com/htmlpages/140204-Global-Banner/flourish.png) no-repeat;}
ul#globalBanner-extra .flourish.img-left {left: 3px;}
ul#globalBanner-extra .flourish.img-right {right: 3px;}
ul#globalBanner-extra .icon {position: absolute;}
ul#globalBanner-extra .icon.icon-right {right: 50px; top: 10px;}
ul#globalBanner-extra .icon.icon-left {left: 50px; top: 3px;} 

/* Tooltip */
.no-rgba ul#globalBanner-extra li .tooltip:before { border-color: transparent transparent #F2F2F2;}
ul#globalBanner-extra li .tooltip:before { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #F2F2F2; border-style: solid; border-width: 5px; content: " "; height: 0; left:50%; position: absolute; top: -10px; width: 0; }
ul#globalBanner-extra li .tooltip {left:24%; background: none repeat scroll 0 0 #F2F2F2; box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.2); color: #242424; display: block; font-family: Tahoma,Sans-Serif; font-size: 10px; line-height:12px; text-transform: none; opacity: 0; padding: 10px; pointer-events: none; position: absolute; top:68px; transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; z-index: 12; width: 50%;}
ul#globalBanner-extra li.is-hover:hover .tooltip { opacity: 1; pointer-events: auto; transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); }
ul#globalBanner-extra li .tooltip a { text-decoration: underline; float: none; }
.lt-ie9 ul#globalBanner-extra li .tooltip { display: none; }
.lt-ie9 ul#globalBanner-extra li:hover .tooltip { display: block; }
.ie7 ul#globalBanner-extra nav#group-navigation ul li .tooltip,
.ie8 ul#globalBanner-extra nav#group-navigation ul li .tooltip {Filter: progid:DXImageTransform.Microsoft.Shadow(color='#707070',direction='135',strength='2')}
ul#globalBanner-extra li .tooltip a { color:#000000; text-decoration:underline; text-transform:none; display:inline; }
ul#globalBanner-extra .right-box .tooltip {left:10%; width:75%; margin-top:-4px;}


/********************************/

/* GLOBAL BANNER GRAPHIC - 06/03/14 */

#globalBanner.graphic li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:38px; line-height:38px;}
#globalBanner.graphic li.box-content .link.double,
#globalBanner.graphic li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic li.box-left {width:662px; height:40px; margin-right:3px; background:#b1e337;}
#globalBanner.graphic li.box-right {width:309px; height:40px;}
#globalBanner.graphic li.box-left .wink {display:block; float:left; width:20px; height:100%; background:transparent url('../../htmlpages/140306-Global-Banner/flourish.png') 50% 50% no-repeat;}
#globalBanner.graphic li.box-left .wink-right {float:right;}
#globalBanner.graphic li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#000; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic li.box-content.box-left .link strong {display:block; position:absolute; top:8px; left:32px; min-width:87px; width:auto; height:20px; border:solid 2px #000; background:none;}
#globalBanner.graphic li.box-content.box-left .link-right strong {left:auto; right:32px;}
#globalBanner.graphic li.box-content.box-left .promo-message {position:absolute; left:50%; top:5px; width:390px; margin-left:-194px; height:40px; font-size:15px; line-height:16px; text-transform:uppercase; color:#000;}
#globalBanner.graphic li.box-content.box-left .promo-message .asterix {position:relative; font-size:14px; top:-7px; left:-3px;}
#globalBanner.graphic li.box-content.box-left .promo-message .line2 {display:block; font-size:14px; line-height:15px;}
#globalBanner.graphic li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic li.box-content.box-left .tooltip {top:38px; width:50%; left:25%;}
#globalBanner.graphic li.box-content.box-right .tooltip {top:36px;}
#globalBanner.graphic li.box-content.box-right .tooltip:before {left:142px;}

#globalBanner.graphic.us li.box-right .icon {position:absolute; left:2px; top:2px; width:31px; height:30px; background: url('../../htmlpages/140306-Global-Banner/app.gif') no-repeat; }


/********************************/

/* GLOBAL BANNER GRAPHIC - 10/03/14 */

#globalBanner.colorful li.box-content {position:relative; float:left; background:none; margin:0; padding:0;}
#globalBanner.colorful li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:38px; line-height:38px;}
#globalBanner.colorful li.box-content .link.sns,
#globalBanner.colorful li.box-content .link.double,
#globalBanner.colorful li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.colorful li.box-left {width:662px; height:40px; margin-right:3px; background:url('../../htmlpages/140310-Global-Banner/bg.gif');}
#globalBanner.colorful li.box-right {width:309px; height:40px;}
#globalBanner.colorful li.box-left .wink {position:absolute; left:300px; top:4px; width:32px; height:32px; background:transparent url('../../htmlpages/140310-Global-Banner/wink.gif') no-repeat;}
#globalBanner.colorful li.box-content.box-left .link {position:absolute; left:0; width:45%; border:none; text-transform:uppercase; color:#fff; font-size:12px; line-height:20px; background:none;}
#globalBanner.colorful li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.colorful li.box-content.box-left .link strong {display:block; position:absolute; top:8px; left:10px; min-width:87px; width:auto; height:20px; border:solid 2px #fff; background:none;}
#globalBanner.colorful li.box-content.box-left .link-right strong {left:auto; right:10px;}
#globalBanner.colorful li.box-content.box-left .promo-message {position:absolute; left:0; top:0; width:250px; margin-left:70px; height:40px; font-size:14px; line-height:39px; text-transform:uppercase; color:#fff;}
#globalBanner.colorful li.box-content.box-left .promo-message .asterix {position:relative; font-size:10px; top:-7px; left:-3px;}
#globalBanner.colorful li.box-content.box-left .promo-message.right {margin-left:323px;}
#globalBanner.colorful li.box-content.box-left .tooltip {top:38px; width:50%; left:25%;}
#globalBanner.colorful li.box-content.box-right .tooltip {top:36px;}
#globalBanner.colorful li.box-content.box-right .tooltip:before {left:142px;}

/*
#globalBanner.colorful li.box-right .icon {position:absolute; left:2px; top:23px; width:31px; height:30px; background: url('http://images.asos.com/htmlpages/140306-Global-Banner/app.gif') no-repeat; }
*/

/********************************/

/* GLOBAL BANNER GRAPHIC - 16/03/14 */
#globalBanner.graphic-au {height:79px;}
#globalBanner.graphic-au li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic-au li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:77px; line-height:77px;}
#globalBanner.graphic-au li.box-content .link.double,
#globalBanner.graphic-au li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic-au li.box-left {width:662px; height:79px; margin-right:3px; background: url('../../htmlpages/140316-Global-Banner/bg-au.jpg') no-repeat;}
#globalBanner.graphic-au li.box-right {width:309px; height:79px;}
#globalBanner.graphic-au li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#fff; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic-au li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic-au li.box-content.box-left .link strong {display:block; position:absolute; top:28px; left:32px; min-width:87px; width:auto; height:20px; border:solid 2px #fff; background:none;}
#globalBanner.graphic-au li.box-content.box-left .link-right strong {left:auto; right:32px;}
#globalBanner.graphic-au li.box-content.box-left .promo-message {position:absolute; left:50%; top:11px; width:390px; margin-left:-194px; height:79px; font-size:18px; line-height:20px; text-transform:uppercase; color:#fff;}
#globalBanner.graphic-au li.box-content.box-left .promo-message .asterix {position:relative; font-size:14px; top:-7px; left:-3px;}
#globalBanner.graphic-au li.box-content.box-left .promo-message .line2, #globalBanner.graphic-au li.box-content.box-left .promo-message .line3 {display:block; font-size:15px; line-height:17px;}
#globalBanner.graphic-au li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic-au li.box-content.box-left .tooltip {top:75px; width:50%; left:25%;}
#globalBanner.graphic-au li.box-content.box-right .tooltip {top:75px;}
#globalBanner.graphic-au li.box-content.box-right .tooltip:before {left:142px;}


/********************************/

/* GLOBAL BANNER GRAPHIC - 17/03/14 */
#ru-small { font-size:21px; }
#de-small { font-size:20px; }
#es-small { font-size:21px; }
#globalBanner.graphic-170314 li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic-170314 li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:38px; line-height:38px;}
#globalBanner.graphic-170314 li.box-content .link.double,
#globalBanner.graphic-170314 li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic-170314 li.box-left {width:662px; height:40px; margin-right:3px; background: url('../../htmlpages/140317-Global-Banner/GENERIC-BANNER.gif') no-repeat;}
#globalBanner.graphic-170314 li.box-right {width:309px; height:39px;}
#globalBanner.graphic-170314 li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#fff; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic-170314 li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic-170314 li.box-content.box-left .link strong {display:block; position:absolute; top:8px; left:10px; min-width:87px; width:auto; height:20px; border:solid 2px #fff; background:none;}
#globalBanner.graphic-170314 li.box-content.box-left .link-right strong {left:auto; right:10px;}
#globalBanner.graphic-170314 li.box-content.box-left .promo-message {position:absolute; left:50%; top:10px; width:390px; margin-left:-194px; height:29px; font-size:21px; line-height:20px; text-transform:uppercase; color:#fff;}
#globalBanner.graphic-170314 li.box-content.box-left .promo-message .asterix {position:relative; font-size:14px; top:-7px; left:-3px;}
#globalBanner.graphic-170314 li.box-content.box-left .promo-message .line2, #globalBanner.graphic-au li.box-content.box-left .promo-message .line3 {display:block; font-size:15px; line-height:17px;}
#globalBanner.graphic-170314 li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic-170314 li.box-content.box-left .tooltip {top:38px; width:50%; left:25%;}
#globalBanner.graphic-170314 li.box-content.box-right .tooltip {top:36px;}
#globalBanner.graphic-170314 li.box-content.box-right .tooltip:before {left:142px;}


/********************************/

/* US ONLY BANNER GRAPHIC - 17/03/14 */
#globalBanner.graphic-170314us {height:79px;}
#globalBanner.graphic-170314us li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic-170314us li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:77px; line-height:77px;}
#globalBanner.graphic-170314us li.box-content .link.double,
#globalBanner.graphic-170314us li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic-170314us li.box-left {width:662px; height:79px; margin-right:3px; background: url('../../htmlpages/140317-Global-Banner/170314-US-banner-20-percent.jpg') no-repeat;}
#globalBanner.graphic-170314us li.box-right {width:309px; height:79px;}
#globalBanner.graphic-170314us li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#fff; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic-170314us li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic-170314us li.box-content.box-left .link strong {display:block; position:absolute; top:28px; left:32px; min-width:87px; width:auto; height:20px; border:solid 2px #fff; background:none;}
#globalBanner.graphic-170314us li.box-content.box-left .link-right strong {left:auto; right:32px;}
#globalBanner.graphic-170314us li.box-content.box-left .promo-message {position:absolute; left:50%; top:18px; width:390px; margin-left:-194px; height:79px; font-size:27px; line-height:20px; text-transform:uppercase; color:#fff;}
#globalBanner.graphic-170314us li.box-content.box-left .promo-luckyduck {position:absolute; left:50%; top:44px; width:390px; margin-left:-194px; height:35px; font-size:15px; line-height:20px; text-transform:uppercase; color:#fff;font-style:italic;}
#globalBanner.graphic-170314us li.box-content.box-left .promo-message .asterix {position:relative; font-size:26px; top:-2px; left:-3px;}
#globalBanner.graphic-170314us li.box-content.box-left .promo-message .line2, #globalBanner.graphic-au li.box-content.box-left .promo-message .line3 {display:block; font-size:15px; line-height:17px;}
#globalBanner.graphic-170314us li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic-170314us li.box-content.box-left .tooltip {top:77px; width:50%; left:25%;}
#globalBanner.graphic-170314us li.box-content.box-right .tooltip {top:77px;}
#globalBanner.graphic-170314us li.box-content.box-right .tooltip:before {left:142px;}
#nudgedown {top:23px!important; }


/********************************/

/* MID SEASON SALE - 24/03/14 */

#globalBanner.graphic-240314 li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic-240314 li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:38px; line-height:38px;}
#globalBanner.graphic-240314 li.box-content .link.double,
#globalBanner.graphic-240314 li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic-240314 li.box-left {width:662px; height:40px; margin-right:3px; background-color:#fece0c;}
#globalBanner.graphic-240314 li.box-right {width:309px; height:39px;}
#globalBanner.graphic-240314 li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#000; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic-240314 li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic-240314 li.box-content.box-left .link strong {display:block; position:absolute; top:8px; left:10px; min-width:87px; width:auto; height:20px; border:solid 2px #000; background:none;}
#globalBanner.graphic-240314 li.box-content.box-left .link-right strong {left:auto; right:10px;}
#globalBanner.graphic-240314 li.box-content.box-left .promo-message {position:absolute; left:50%; top:10px; width:390px; margin-left:-194px; height:29px; font-size:21px; line-height:20px; text-transform:uppercase; color:#000;}
#globalBanner.graphic-240314 li.box-content.box-left .promo-message .asterix {position:relative; font-size:14px; top:-7px; left:-3px;}
#globalBanner.graphic-240314 li.box-content.box-left .promo-message .line2, #globalBanner.graphic-au li.box-content.box-left .promo-message .line3 {display:block; font-size:15px; line-height:17px;}
#globalBanner.graphic-240314 li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic-240314 li.box-content.box-left .tooltip {top:38px; width:50%; left:25%;}
#globalBanner.graphic-240314 li.box-content.box-right .tooltip {top:36px;}
#globalBanner.graphic-240314 li.box-content.box-right .tooltip:before {left:142px;}

/* 70% update */
#globalBanner.graphic-240314.seventy li.box-left {background-color:#ececec;}
#globalBanner.graphic-240314.seventy .highlight {color:#ee0000;}
#globalBanner.graphic-240314.seventy .es-small {font-size:20px;}
#globalBanner.graphic-240314.seventy.dls.au li .link,
#globalBanner.graphic-240314.seventy.dls.au li .no-link {background-color:transparent; border:0;}
#globalBanner.graphic-240314.seventy.dls.au li.box-right {background:url('../../htmlpages/140324-Global-Banner/au-right-box-bg.png') no-repeat; width:305px; height:40px; }
#globalBanner.graphic-240314.seventy.dls.au li.box-right .no-link {color:#fff; font-size:15px;}
#globalBanner.graphic-240314.seventy.dls.au li.box-right .no-link span.sub {font-size:11px;}

/* 50% + Extra 10 */
#globalBanner.graphic-240314.fifty-extra10 li.box-left {background-color:#ee0000;}
#globalBanner.graphic-240314.fifty-extra10 .highlight-white {color:#fff; text-decoration:underline; font-weight:bold;}
#globalBanner.graphic-240314.fifty-extra10 .highlight-animate {color:#fff; font-weight:bold; background:url('../../htmlpages/140324-Global-Banner/underline.gif') repeat-x bottom center;}
#globalBanner.graphic-240314.fifty-extra10 .es-small {font-size:20px;}
#globalBanner.graphic-240314.fifty-extra10 li.box-content.box-left .promo-message {position:absolute; left:50%; top:4px; width:390px; margin-left:-194px; font-family:arial, sans-serif; font-size:15px; font-weight:bold; line-height:16px; height:29px; text-transform:uppercase; color:#000;}
#globalBanner.graphic-240314.fifty-extra10 li.box-content.box-left .promo-message .sub {display:block; font-family:Arial, sans-serif; font-size:14px; font-weight:normal; line-height:16px;}



/********************************/

/* MID SEASON SALE -SPLIT TEST - 24/03/14 */

#globalBanner.graphic-240314-split li.box-content {position:relative; float:left; background:none; margin:0; padding:0; font-family:Arial, Verdana, sans-serif;}
#globalBanner.graphic-240314-split li.box-content .link {position:relative; top:auto; left:auto; margin:0; padding:0; height:38px; line-height:38px;}
#globalBanner.graphic-240314-split li.box-content .link.double,
#globalBanner.graphic-240314-split li.box-content .no-link.double {left:0; top:0; height:32px; line-height:13px; padding-top:6px;}
#globalBanner.graphic-240314-split li.box-left {width:662px; height:40px; margin-right:3px; background-color:#fece0c;}
#globalBanner.graphic-240314-split li.box-right {width:309px; height:39px;}
#globalBanner.graphic-240314-split li.box-content.box-left .flourish {position:absolute; width:20px; height:40px; background: url('../../htmlpages/140324-Global-Banner/flourish.gif') no-repeat; }
#globalBanner.graphic-240314-split li.box-content.box-left .flourish.img-left {left:0;}
#globalBanner.graphic-240314-split li.box-content.box-left .flourish.img-right {right:0;}
#globalBanner.graphic-240314-split li.box-content.box-left .full-link {position:absolute; left:0; top:0; width:100%; height:100%;}
#globalBanner.graphic-240314-split li.box-content.box-left .link {position:absolute; left:0; width:50%; border:none; text-transform:uppercase; color:#000; font-size:12px; line-height:20px; background:none;}
#globalBanner.graphic-240314-split li.box-content.box-left .link-right {left:auto; right:0;}
#globalBanner.graphic-240314-split li.box-content.box-left .link strong {display:block; position:absolute; top:8px; left:10px; min-width:130px; width:auto; height:20px; border:solid 2px #000; background:none;}
#globalBanner.graphic-240314-split li.box-content.box-left .link-right strong {left:auto; right:110px;}
#globalBanner.graphic-240314-split li.box-content.box-left .promo-message {position:absolute; left:50%; top:10px; width:390px; margin-left:-194px; height:29px; font-size:21px; line-height:20px; text-transform:uppercase; color:#000;}
#globalBanner.graphic-240314-split li.box-content.box-left .promo-message .asterix {position:relative; font-size:14px; top:-7px; left:-3px;}
#globalBanner.graphic-240314-split li.box-content.box-left .promo-message .line2, #globalBanner.graphic-au li.box-content.box-left .promo-message .line3 {display:block; font-size:15px; line-height:17px;}
#globalBanner.graphic-240314-split li.box-content.box-left .promo-message span.standout {display:inline; text-decoration:underline;}
#globalBanner.graphic-240314-split li.box-content.box-left .tooltip {top:38px; width:50%; left:25%;}
#globalBanner.graphic-240314-split li.box-content.box-right .tooltip {top:36px;}
#globalBanner.graphic-240314-split li.box-content.box-right .tooltip:before {left:142px;}

/* 70% update */
#globalBanner.graphic-240314-split.seventy li.box-left {background-color:#ececec;}
#globalBanner.graphic-240314-split.seventy .highlight {color:#ee0000;}


/* 50% + Extra 10 */
#globalBanner.graphic-240314-split.fifty-extra10 li.box-left {background-color:#ee0000;}
#globalBanner.graphic-240314-split.fifty-extra10 .highlight {color:#fff; text-decoration:underline; font-weight:bold;}
#globalBanner.graphic-240314-split.fifty-extra10 .es-small {font-size:20px;}
#globalBanner.graphic-240314-split.fifty-extra10 li.box-content.box-left .promo-message {position:absolute; left:50%; top:4px; width:390px; margin-left:-194px; font-family:arial, sans-serif; font-size:15px; font-weight:bold; line-height:16px; height:29px; text-transform:uppercase; color:#000;}
#globalBanner.graphic-240314-split.fifty-extra10 li.box-content.box-left .promo-message .sub {display:block; font-family:Arial, sans-serif; font-size:14px; font-weight:normal; line-height:16px;}


/********************************/


/* MINIBAG */

.minibag { width: 284px; height: 35px; border-top: 1px solid #bababa; background: #fff; }
.minibag p { width: 100%; height: 15px; margin:10px auto; text-align: center; text-transform: uppercase; font-size: 1.1em; }
.minibag p.double { margin: 5px; }
.minibag p.double .small { font: 10px Tahoma, Arial, Sans-Serif; color: #666; display: block; text-transform: none;}

/********************************/
/* FREE DELIVERY LP */
/* NO NDD MESSAGE FOR ALL COUNTRIES */
.creative .no-ndd-message {display:none !important; width:947px; height:22px; padding-top:11px; font-family:arial,sans-serif; font-size:14px; font-weight:bold; color:#000; border:3px solid #f40000; text-align:center; text-transform:uppercase;}

 